*{margin:0;padding:0;}
@base:100/768vw;
#time{
    .content{width:100%;float: right;padding-top:3vw;display: flex;justify-content: space-between;
        .news{display:block;width:52*@base;height:30*@base;background:url(../images/border_red.png) no-repeat;background-size:100%;font-size:16*@base;text-align:center;line-height:30*@base;box-sizing:border-box;color:rgba(255,51,51,0.9);}
      .time{float:right;display: flex;justify-content: space-between;width:88%;
            span{display: block;font-size:24*@base;color: #ccc;}
        }
    }
}
//头部区域
header{
width:100vw;height:100*@base;display:flex;justify-content:space-between;align-items: center;padding:0 3vw;box-sizing: border-box;
    a{display:block;text-align: center;text-decoration: none;font-weight: bold;font-size: 18px;color: #ccc;font-size:30*@base;}
    .pansonal{font-size:30*@base;}
    .logo{width:240*@base;margin-left:10vw;
        img{width:100%;}
    }
    .down{width:14vw;display: flex;justify-content: space-between;}
}
//导航区域
nav{width:100vw;background:#f33;padding:0 3vw;box-sizing: border-box;overflow: hidden;position:relative;
    .nav{width:150vw;display: flex;
        a{display:block;width:15vw;height:90*@base;justify-content: space-between;text-align: center;line-height:90*@base ;text-decoration: none;color:white;opacity:0.75;font-weight: bold;font-size:30*@base;}
        a:nth-child(1){opacity: 1;}
    }
    .down{width:10vw;height:90*@base;line-height:90*@base;text-align: center;color: white;position: absolute;z-index: 100;top:0;right: 0;background: #f33;text-decoration: none;}
}
//轮播区域
.swiper-slide{img{width:100vw;}}
//直播区域
#live{
    width: 94vw;height:100*@base;margin:0 3vw;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #ccc;
    .live{font-size:24*@base;color: white;font-weight:bold;display: inline-block;background:#4c9aea;padding:1.5vw 2vw;border-radius: 1vw;text-decoration: none;}
    span{font-size:33*@base;}
}
//内容区域
#list{width: 94vw;height:148*@base;display:block;margin:0 3vw;border-bottom:1px solid #ccc;padding: 2vw 0;text-decoration: none;
    .img{float:left;width:190*@base;position: relative;
        img{width: 100%;}
        span{display:block;position: absolute;top:0;left:0;color: white;background: #4c9aea;padding:1.5vw ;font-size:24*@base;}
    }
    #news{width:90-(190*@base);float: right;
         h3{width:90-(190*@base);display:block;float: right;font-size: 36*@base;color: #000000;}
        #time;
    }
}
//图展区域
#pic{ width: 94vw;display:block;margin:0 3vw;border-bottom:1px solid #ccc;padding: 2vw 0;text-decoration: none;overflow:hidden;color: #000000;
    h3{width:100%;font-size:34*@base;}
    .pic{width:100%;margin-top:2vw;display: flex;justify-content: space-between;
        img{width:32%;height:165*@base;}
    }
    #time;
}
//底部区域
footer{
    width:100vw;color:#999;font-weight:bold;background:#333;line-height:10vw;text-align: center;font-size:20*@base;
}
